{% extends 'base.html' %}
{% block content %}
   {% include 'socialbar/header.html' %}
   <div data-role="content" id='content'>
			<div id="slider">
			 <ul>
			   <li style='display:block' id='listBar'>
				  {% include 'socialbar/listBar.html' %}
					</li>
					<li style='display:none' id="barPage">
			       {% include 'socialbar/barTemplate.html' %}
					</li>
			    <li style='display:none' id='profilePage'>
			       {% include 'socialbar/profile.html' %}
			    </li>
			  </ul>
			</div>
			
			<div id="dialog-overlay"></div>
			<div id="dialog-box">
		     <div class="dialog-content">
             <a data-iconpos="notext" data-icon="delete" href="#" 
                 class="ui-btn-left ui-btn ui-btn-icon-notext ui-btn-corner-all ui-shadow ui-btn-up-a"
                 title="Close" data-theme="a" data-transition="pop" data-direction="reverse"
                 id='closeDialogButton'>
               <span class="ui-btn-inner ui-btn-corner-all">
                 <span class="ui-btn-text">Close</span>
                 <span class="ui-icon ui-icon-delete ui-icon-shadow"></span>
               </span>
             </a>
		         <div id="dialog-message"></div>
		     </div>
			</div>
			<script type="text/javascript">
	     var data = '{{ data|safe}}';
	     var dataJson = $.parseJSON(data);
	     var currentUserName = '{{ user.username }}';
	     updateViews(dataJson);
	   </script>
			<div id="currentPage" style="display:none;">{{ page }}</div>
      
	 </div>
   {% include 'socialbar/footer.html' %}

   <script src="https://app.zooz.com/mobile/js/zooz-ext-web.js"></script>
   {% if not request.session.coordinate_longitude %} 
	   <script type="text/javascript">
//       geolocaliseUser();
	   </script>
	 {% endif %}
	 
{% endblock %}
